.mobile-header {
    height: 60px;
    background-color: #F6F6F6;
    background-image: url(../img/mobile-header.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 26% 52%;
}

#offCanvasBtn {
    color: #6C005C;
    font-weight: 900;
    padding-top: 20px;
    margin-right: -6px;
}

#offCanvasSideScroll {
    background: #f1f1f1;
    .mui-table-view {
        background: #F1F1F1;
        color: #710062;
    }
    .mui-table-view-inverted:after {
        display: none;
    }
    .mui-active {
        background: #D30067;
        color: #fff;
    }
    .mui-table-view-cell {
        padding-right: 0;
        .mui-navigate-right:after {
            right: 80px;
        }
    }
    .mui-table-view-cell:after {
        display: none;
    }
    .mui-collapse-content {
        padding: 0;
    }
    .menu-user {
        background: #73005F;
        color: #f1f1f1;
    }
    .menu-language {
        button {
            width: 36px;
            font-size: 15px;
            vertical-align: bottom;
            padding: 0;
            border: none;
            background: inherit;
            color: #333 ;
            top: 2px;
        }
        button.active {
            font-size: 17px;
            padding: 0;
            border: none;
            background: inherit;
            line-height: 42px;
            color: #710062;
            line-height: initial;
        }
    }
}

.mobile-menu-second {
    width: 100%;
    padding: 0;
    background: #DEDEDE;
    list-style-type: none;
    li {
        padding: 10px 20px;
        a {
            color: #D30067;
        }

    }

}